@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;  font-style: inherit;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
em{font-style: initial;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.cl,.clear{height:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body,td,th{font-size: 14px;color:#333333;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1400px; color:#333333;}
a{font-size:14px; color:#333333;}
.w1400 { width:1400px; margin:auto;}
.mar50{ margin:50px auto;}
.bottom30{margin-bottom:50px;}
.dis{ display: none;}
.w1050{width:1050px; float:right;}



.custom_box{ overflow: hidden; border-bottom: 1px solid #ededed;}
.custom_shuzi {height:180px;background:#fff;overflow:hidden;}
.custom_shuzi dl { width:345px; border-right: solid 1px #ededed; float:left;  height:150px; padding-top:43px; overflow:hidden;}
.custom_shuzi dl dt { font-size:45px; color:#222; letter-spacing:-3px; font-weight:bold;  text-align:center;font-family: Arial; }
.custom_shuzi dl dd { font-size:16px; text-align:center; margin-top:5px; color:#666;}
.custom_shuzi dl dd span{ color: #dadada; font-size: 12px; font-family: Arial; display: block;}
.custom_shuzi dl.houmian { border:none;}

.company{ height: 588px; overflow: hidden; background: url(images/5_02.jpg) no-repeat center;}
.company .w1400{position: relative;}
.com_til{ font-size: 42px; color: #333; display: inline-block; margin: 72px 0 34px; vertical-align: sub;}
.com_til strong{ color: #0e0b9b;}
.com_a{ width: 770px;}
.com_a a{ float: left; width: 17.9%; margin-left: 20px; height: 40px; line-height: 40px; font-size: 17px; color: #333; background: #f5f5f5; text-align: center; transition: all 0.5s;}
.com_a a:first-child,.com_a a:nth-child(6){ margin-left: 0;}
.com_a a:hover{ background: #0e0b9b; color: #fff;}
.com_a a:nth-child(n+6){ margin-top: 15px;}
.copm_con{ font-size: 15px; color: #555;  line-height: 30px; text-align: justify; width:770px ; margin: 40px 0 40px;}
.com_more{ box-sizing: border-box; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #666666;  border: 1px solid #666666; display: block; transition: all 0.5s;}
.com_more:hover{ background: #0e0b9b; border-color: #0e0b9b; color: #fff;}
.com_til2{ font-size: 30px; color: #fff;  position: absolute; right: 86px; top: 42px; }
.com_til2 span{ font-size: 12px; font-family: Arial; color: #cecbda;display: block;margin-top: 5px; text-transform: uppercase;    letter-spacing: 0.5px;}
.con_ico{position: absolute; right: 276px; top:252px; display: block; cursor: pointer;}
.pulse2{ position:absolute; top:50%; left:50%; z-index:1; margin-top:-100px; margin-left:-100px; width:200px; height:200px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#0e0b9b; box-shadow:1px 1px 20px #0e0b9b; opacity:0; -webkit-animation:warn 2s ease-out 1s; -moz-animation:warn 12 ease-out 1s; animation:warn 2s ease-out 1s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); z-index: 4;}
.pulse1{ position:absolute; top:50%; left:50%; z-index:1; margin-top:-100px; margin-left:-100px; width:200px; height:200px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#0e0b9b; box-shadow:1px 1px 20px #0e0b9b; opacity:0; -webkit-animation:warn 2s ease-out; -moz-animation:warn 2s ease-out; animation:warn 2s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); z-index: 4;}
@keyframes warn {
    0% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.8);
    -webkit-transform: scale(0.8);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
    -webkit-transform: scale(1);
        opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
        opacity: 0.6;
    }
    100% {
        transform: scale(0.8);
    -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}

.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:39%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}
.video video{ background: #000;}



.products{ background: #f5f5f5; overflow: hidden; }
.pro_box a{ width: 640px; height: 324px; background: url(images/6_02.jpg) no-repeat; float: left; margin-right: 20px; padding-left: 50px; overflow: hidden;}
.pro_box a:nth-child(2),.pro_box a:nth-child(5){margin-right: 0;}
.pro_box a strong{ display: block; font-size: 20px; color: #333; margin: 42px 0px 16px;}
.pro_box a p{  font-size: 14px; color: #777777; line-height: 21px; width: 308px; text-align: justify;}
.pro_box a span{ font-size: 12px; color: #fff; text-align: center; width: 113px; height: 31px; line-height: 31px; background: #0e0b9b; display: block; font-family: Arial; transition: all 0.3s;}
.pro_box a li{ float: left; margin-right: 30px; font-size: 14px; color: #333; text-align: center; transition: all 0.3s;}
.pro_box a li .pro_ico{ width: 51px; height: 51px; background: #f5f5f5; border-radius: 50%; position: relative; margin: 0 auto 7px;transition: all 0.3s;}
.pro_box a li .pro_ico::before{ content: ""; display: inline-block; width: 24px; height: 25px; background-image: url(images/8.png); background-repeat: no-repeat;margin-top: 13px; background-position: left top; transition: all 0.3s;}
.pro_box a ul{ margin: 17px 0px 27px;}
.pro_box a li:nth-child(2) .pro_ico::before{ background-position-x:-35px; width: 21px;}
.pro_box a li:nth-child(3) .pro_ico::before{ background-position-x:-68px; width: 18px;}
.pro_box a li:hover .pro_ico{background: #0e0b9b;}
.pro_box a li:hover .pro_ico::before{ background-position-y:bottom;}
.pro_box a span:hover{ background: #d9261f;}
.pro_box a:nth-child(2){ background: url(images/7_03.jpg) no-repeat;}
.pro_box a:nth-child(n+3){ width: 220px; height: 224px; background:url(images/8_03.jpg); margin-top: 20px; padding-left: 233px;}
.pro_box a:nth-child(n+3) strong{margin: 55px 0px 5px;}
.pro_box a:nth-child(n+3) p{margin-bottom: 20px;}
.pro_box a:nth-child(4){ background: url(images/8_05.jpg);}
.pro_box a:nth-child(5){ background: url(images/8_07.jpg);}
.pro_more{ font-size: 16px; color: #666666; display: block; margin: 36px auto 78px; text-align: center; transition: all 0.5s; background: url(images/9_04.png) no-repeat right center;width: 130px; }
.pro_more:hover{ color: #0e0b9b;background: url(images/10_04.png) no-repeat right center;}

.title{ text-align: center; margin: 70px 0 40px;}
.title span{ font-size: 42px; color: #0e0b9b; display: block;}
.title span strong{ color: #d9261f;}
.title p{ font-size: 17px; color: #999; font-weight: 100; margin-top: 2px;}


.features{ height: 709px; background: url(images/11_02.jpg); overflow: hidden;}
.features .title span{ color: #fff;}
.features .title p{ color: #fff; opacity: .7;}
.fea_box li{ width: 287.5px; height: 432px; background: #fff; float: left; margin-left: 30px; text-align: center; padding: 0 20px; transition: all 0.3s;}
.fea_box li:first-child{ margin-left: 0;}
.fea_box li img{ margin: 20px auto 29px; display: block;}
.fea_box li strong{ display: block; font-size: 26px; color: #0e0b9b; }
.fea_xt{ width: 50px; height: 4px; background: #0e0b9b; margin: 18px auto 16px;}
.fea_box li p{ font-size: 15px; line-height: 24px; color: #777; margin-bottom: 28px;}
.fea_box li span{ font-size: 15px; color: #e5e5e5;  display: block;}
.fea_box li span::before{content:""; display: inline-block; background: #e5e5e5; height: 1px; width: 254px;    vertical-align: middle;margin-right: 15px;}
.fea_box li:hover{transform:translateY(-10px);}


.case{overflow: hidden; margin-bottom: 80px;}
.case_box{position: relative;}
.case_con a{ display: block; width: 680px; margin-right: 40px; float: left;}
.case_img{ width: 680px; height: 510px; overflow: hidden; position: relative;}
.case_img img{ display: block; width: 100%; transition: 0.3s all;}
.case_img strong{ width: 213px; height: 60px; background:rgba(0,0,0,0.6); text-align: center; line-height: 60px; color: #fff; font-size: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -106.5px;} 
.case_con a:hover img{ transform: scale(1.05);}
.case_con a em{ font-size: 17px; color: #333; display: block;position: relative; margin: 25px 0px 10px;}   
.case_con a em::before{ content: ""; display: block; width: 23px; height: 6px; position: absolute; right: 0; top: 8px; background: url(images/14.png) no-repeat right; transition: all 0.3s;}
.case_con a:hover em::before{ background-position-x:left ;}
.case_con a p{ font-size: 14px; color: #999; line-height: 22px;}
.case_l, .case_r{ width: 54px; height: 125px; background: rgba(0,0,0,0.6) url(images/26_04.png); position: absolute; left: -54px; top: 30%; z-index: 1; cursor: pointer; transition: all 0.3s;}
.case_r{ left: auto; right: -54px; background: rgba(0,0,0,0.6) url(images/27_04.png);}
.case_l:hover{background:#0e0b9b url(images/26_04.png);}
.case_r:hover{background:#0e0b9b url(images/27_04.png);}
.case_box:hover .case_l{ left: 0;}
.case_box:hover .case_r{ right: 0;}

.advantage{overflow: hidden; background: #f5f5f5; margin-bottom:80px;}
.adv_nav{ margin-bottom: 50px;}
.adv_nav li{ width: 327.5px; height: 90px; background: #0e0b9b; float: left; text-align: center; padding-top: 35px; transition: all 0.3s; margin-left: 30px; cursor: pointer;}
.adv_nav li:first-child{ margin-left: 0;}
.adv_ico{width: 54px; height: 52px; background-image: url(images/18.png) ; background-position: right top; background-repeat:no-repeat; display: inline-block;}
.adv_one{ color: #fff; font-size: 28px; display: inline-block; text-align: left; vertical-align: top;margin-left: 20px; font-weight: bold;margin-top: -4px;}
.adv_one span{ display: block; color: #fff; font-size: 14px; font-family: Arial; text-transform: uppercase; font-weight: initial;margin-top: 5px;}
.adv_nav li.on{ background: #d9261f;}
.adv_nav li:nth-child(2) .adv_ico{background-position-x:-124px ;}
.adv_nav li:nth-child(3) .adv_ico{background-position-x:-62px ;}
.adv_nav li:nth-child(4) .adv_ico{background-position-x:left ;}
.adv_con dl{ height: 698px; overflow: hidden;}
.adv_two{ width:580px; height: 483px; background: #fff; margin:80px 0px 0px 700px; padding: 0 60px; overflow: hidden;}
.adv_sz{ display: inline-block; width: 66px; height: 66px; background: #0e0b9b; color: #fff; line-height: 66px ; text-align: center; font-size: 35px; font-weight: bold;}
.adv_til{ display: inline-block; margin-left: 20px;    vertical-align: sub;}
.adv_til strong{ font-size: 26px; color: #333; display: block;}
.adv_til span{font-size: 13px; color: #999999; font-family: Arial;}
.adv_three{ margin: 70px 0 44px;}
.adv_two p{ line-height: 24px; font-size: 15px; color: #999; padding-left: 27px; background: url(images/28_03.png) no-repeat left 5px;text-align: justify; margin-bottom: 11px;}
.adv_xt{ width: 580px; height: 10px; background: url(images/20_03.jpg) no-repeat; margin: 35px 0;}
.adv_tel{ border-bottom: 3px solid #d9261f;background: url(images/19_03.png) no-repeat center left;padding-left: 40px;width: 340px;}
.adv_tel span{ font-size: 14px; color: #333; display: inline-block;}
.adv_tel span strong{ font-family: Arial; color: #d9261f; font-size: 32px;display: inline-block;vertical-align: sub;}
.adv_con1{background: url(images/24.jpg) no-repeat center;}
.adv_con2{background: url(images/23_02.jpg) no-repeat center;}
.adv_con3{background: url(images/22.jpg) no-repeat center;}
.adv_con4{background: url(images/21_02.jpg) no-repeat center;}

.features .title strong{ color:#fff;}


    ul.small_ul li{    width: 98px !important;height: 98px !important;}
    .showsum{width: 100% !important;height: auto !important;} 
    .small_ul{width: 100% !important;}
    .showbox{ height: auto !important;}
    .showbox>div{top: 0 !important;}
    ul.small_ul li img{border: 1px solid #ddd; box-sizing: border-box;}